<template>
  <div class="toolsMore" @click="$emit('more')">
    <u-loadmore :status="getMoreStatus" :icon="true" />
  </div>
</template>

<script>
export default {
  props: {
    status: {
      type: Number, // 1.loadmoreText 2.loadingText 3.nomoreText
      default: 1,
    },
  },

  data() {
    return {};
  },

  computed: {
    getMoreStatus() {
      let status;

      switch (this.status) {
        case 1:
          status = "loadmore";
          break;
        case 2:
          status = "loading";
          break;
        case 3:
          status = "nomore";
          break;
      }

      return status;
    },
  },
};
</script>

<style lang="scss" scoped>
.toolsMore {
  padding: 30rpx 0;
  text-align: center;
  color: #c1c1c1;
  font-size: 22rpx;
}
</style>
